<script lang="ts" setup>
import { useRouter } from 'vue-router';

import { Card, CardContent, CardHeader, CardTitle } from '@vben-core/shadcn-ui';

import { Button, Empty } from 'ant-design-vue';

import { useMessage } from '#/hooks/web/useMessage';

const { createSuccessModal } = useMessage();
const { push } = useRouter();
function handleEmployee() {
  createSuccessModal({ content: '请联系贵公司管理员邀请您加入公司。' });
}

function handleTenant() {
  push({
    name: '注册企业',
  });
}
</script>
<template>
  <Card>
    <CardHeader class="py-4">
      <CardTitle class="text-lg">企业注册</CardTitle>
    </CardHeader>
    <CardContent class="flex flex-wrap p-0">
      <Empty size="huge" description="您还不属于任何企业" class="mx-auto my-5">
        <Button type="primary" @click="handleTenant">注册企业</Button>
        <Button class="ml-20" type="primary" @click="handleEmployee">
          成为员工
        </Button>
      </Empty>
    </CardContent>
  </Card>
</template>
